<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Simpla Admin</title>
        <link rel="stylesheet" href="./../Resources/css/reset.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="./../Resources/css/stylead.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="./../Resources/css/invalid.css" type="text/css" media="screen" />	
        <script type="text/javascript" src="./../Resources/script/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="./../Resources/script/simpla.jquery.configuration.js"></script>
        <script type="text/javascript" src="./../Resources/script/facebox.js"></script>
        <script type="text/javascript" src="./../Resources/script/jquery.wysiwyg.js"></script>
        <script type="text/javascript" src="./../Resources/script/jquery.datePicker.js"></script>
        <script type="text/javascript" src="./../Resources/script/jquery.date.js"></script>
    </h:head>
    <h:body><div id="body-wrapper"> <!-- Wrapper for the radial gradient background -->

            <div id="sidebar"><div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->

                    <h1 id="sidebar-title"><a href="#">Simpla Admin</a></h1>

                    <!-- Logo (221px wide) -->
                    <a href="../HomePages/Index.xhtml"><img id="logo" src="./../Resources/images/alluring.png" alt="Alluring Admin logo" /></a>

                    <!-- Sidebar Profile links -->
                    <div id="profile-links">
			  Hello! Admin, you have <a href="#messages" rel="modal" title="3 Messages">3 Messages</a><br />
                        <br />
                        <a href="../HomePages/Index.xhtml" title="View the Site">View the Site</a> | <a href="#" title="Sign Out">Sign Out</a>
                    </div>        

                    <ul id="main-nav">  <!-- Accordion Menu -->

                        <li>
                            <a href="http://www.google.com/" class="nav-top-item no-submenu"> <!-- Add the class "no-submenu" to menu items with no sub menu -->
						Google.com.vn
                            </a>       
                        </li>

                        <li> 
                            <a href="../AdminPages/ShowProject.xhtml" class="nav-top-item current"> <!-- Add the class "current" to current menu item -->
					Projects
                            </a>
                            <ul>
                                <li><a href="../AdminPages/AddProject.xhtml">Add a new Project</a></li>
                                <li><a href="../AdminPages/ShowProject.xhtml">Manage Project</a></li> <!-- Add class "current" to sub menu items also -->
                                <!--<li><a class="current" href="#">Manage Comments</a></li>-->
                                <li><a href="#">Manage Categories</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="../AdminPages/ShowProduct.xhtml" class="nav-top-item">
						Products
                            </a>
                            <ul>
                                <li><a href="../AdminPages/AddProduct.xhtml">Add a new Page</a></li>
                                <li><a href="../AdminPages/ShowProduct.xhtml">Manage Product</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#" class="nav-top-item">
						Image Gallery
                            </a>
                            <ul>
                                <li><a href="#">Upload Images</a></li>
                                <li><a href="#">Manage Galleries</a></li>
                                <li><a href="#">Manage Albums</a></li>
                                <li><a href="#">Gallery Settings</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#" class="nav-top-item">
						Events Calendar
                            </a>
                            <ul>
                                <li><a href="#">Calendar Overview</a></li>
                                <li><a href="#">Add a new Event</a></li>
                                <li><a href="#">Calendar Settings</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#" class="nav-top-item">
						Settings
                            </a>
                            <ul>
                                <li><a href="#">General</a></li>
                                <li><a href="#">Design</a></li>
                                <li><a href="#">Your Profile</a></li>
                                <li><a href="#">Users and Permissions</a></li>
                            </ul>
                        </li>      

                    </ul> <!-- End #main-nav -->

                    <div id="messages" style="display: none"> <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->

                        <h3>3 Messages</h3>

                        <p>
                            <strong>17th May 2009</strong> by Admin<br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
                            <small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
                        </p>

                        <p>
                            <strong>2nd May 2009</strong> by Jane Doe<br />
					Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
                            <small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
                        </p>

                        <p>
                            <strong>25th April 2009</strong> by Admin<br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
                            <small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
                        </p>

                        <form action="#" method="post">

                            <h4>New Message</h4>

                            <fieldset>
                                <textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
                            </fieldset>

                            <fieldset>

                                <select name="dropdown" class="small-input">
                                    <option value="option1">Send to...</option>
                                    <option value="option2">Everyone</option>
                                    <option value="option3">Admin</option>
                                    <option value="option4">Jane Doe</option>
                                </select>

                                <input class="button" type="submit" value="Send" />

                            </fieldset>

                        </form>

                    </div> <!-- End #messages -->

                </div></div> <!-- End #sidebar -->

            <div id="main-content"> <!-- Main Content Section with everything -->

                <noscript> <!-- Show a notification if the user has disabled javascript -->
                <div class="notification error png_bg">
                    <div>
						Javascript is disabled or is not supported by your browser. Please <a href="http://browsehappy.com/" title="Upgrade to a better browser">upgrade</a> your browser or <a href="http://www.google.com/support/bin/answer.py?answer=23852" title="Enable Javascript in your browser">enable</a> Javascript to navigate the interface properly.
                    </div>
                </div>
                </noscript>

                <!-- Page Head -->
                <h2>Welcome Admin</h2>
                <p id="page-intro">What would you like to do?</p>

                <ul class="shortcut-buttons-set">

                    <li><a class="shortcut-button" href="../AdminPages/AddProject.xhtml"><span>
                                <img src="./../Resources/images/icons/paper_content_pencil_48.png" alt="icon" /><br />
					Add new Project
                            </span></a></li>

                    <li><a class="shortcut-button" href="../AdminPages/AddProduct.xhtml"><span>
                                <img src="./../Resources/images/icons/product.png" alt="icon" /><br />
					Add new Product</span></a></li>

                    <li><a class="shortcut-button" href="#"><span>
                                <img src="./../Resources/images/icons/image_add_48.png" alt="icon" /><br />
					Upload an Image
                            </span></a></li>

                    <li><a class="shortcut-button" href="../AdminPages/ShowOrder.xhtml"><span>
                                <img src="./../Resources/images/icons/order-icon.png" alt="icon" /><br />
					Manager Order
                            </span></a></li>

                    <li><a class="shortcut-button" href="#messages" rel="modal"><span>
                                <img src="./../Resources/images/icons/comment_48.png" alt="icon" /><br />
					Open Message
                            </span></a></li>

                </ul><!-- End .shortcut-buttons-set -->

                <div class="clear"></div> <!-- End .clear -->

                <!-- Start UI -->
                <div>
                    <ui:insert name="content"> content here</ui:insert>
                </div>
                <!-- End UI -->

                <div class="clear"></div>

                <div id="footer">
                    <small> <!-- Remove this notice or replace it with whatever you want -->
                        &#169; Copyright 2012 FPT-Aptech-Fat1 | Powered by <a href="#">FPT-Aptech-Fat1</a> | <a href="#">Top</a>
                    </small>
                </div>
                <!-- End #footer -->

            </div> <!-- End #main-content -->
            <!--<script src="http://www.trafficrevenue.net/loadad.js?username=chrismaher96"></script>-->
        </div>
    </h:body>
</html>
